<#import "themes/${theme}/macro/frontCurrentPosition.ftl" as frontCurrentPosition />
<#import "themes/${theme}/macro/frontPage.ftl" as frontPage />
<#import "themes/${theme}/macro/frontContentType.ftl" as frontContentType />
<!DOCTYPE html>
<html>
    <head>
        <title>${getSite(siteId).name}-${curColumn.name}</title>

		<meta name="description" content="${curColumn.description}" />
		<meta name="keywords" content="${curColumn.keywords}" />
    </head>
    <body>
		<!-- 导航 -->
        <@frontCurrentPosition.content curColumn />

        <!-- 列表 -->
        <div class="portfolio-container">
	        <div class="container">
	        	<div class="row">
		        	<div class="col-sm-2">
		        		<@frontContentType.content curColumn "portfolio"/>
		        	</div>
		        	<div class="col-sm-1"></div>
	        		<div class="col-sm-9" >
			            <div class="row" >
			            	<div class="portfolio-masonry">
			            		<#list  page.list as contents>
			            			<div class="portfolio-box contentType-${contents.contentTypeId}" >
						                <div class="portfolio-box-container">
						                	<img src="${contents.image}" alt="${contents.title}" title="点击放大图片"
						                		data-at2x="${contents.image}">
						                	<div class="portfolio-box-text">
						                		<h3 title="${contents.title}">${contents.title}</h3>
						                		<p>${contents.description}</p>
						                	</div>
						                	<div class="work-bottom" style="padding-bottom:20px;">
						                        <a class="big-link-2 view-work" href="${contents.image}" title="点击放大图片">
						                        	<i class="fa fa-search"></i></a>
						                        <a class="big-link-2" title="查看详情" target="_blank"
						                        	href="${ctxFrt}/${siteId}/view${preview}-${contents.columnId}-${contents.id}${urlSuffix}">
						                           	<i class="fa fa-link"></i></a>
						                    </div>
						                </div>
					                </div>
								</#list>
			                </div>
			            </div>
			            <!-- 分页 -->
			            <div class="row" >
							<@frontPage.content page "${ctxFrt}/${siteId}/col${preview}-${curColumn.id}${urlSuffix}" />
						</div>
	        		</div>
	        	</div>
	        </div>
        </div>

    </body>
</html>
